import React from "react";
import { NavBar } from "antd-mobile";
import { useNavigate } from "react-router-dom";
import styles from "./index.module.css";
import msg from "../../assets/消息.png";
import jian from "../../assets/手指箭头.jpg";
import { RightOutline } from "antd-mobile-icons";
import { Star } from "@react-vant/icons";
import bottom from "../../assets/bottom.png";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <NavBar onBack={() => navigate(-1)} style={{ backgroundColor: "#fff" }}>
        系统通知
      </NavBar>
      <div className={styles.msg}>
        <span className={styles.msgtime}>昨天 下午 2:14</span>
        <div>
          <img src={msg} className={styles.msgimg} alt="" />
          <div className={styles.msgcontent}>
            <span>感谢使用【妙手医生】服务!</span>
            <br />
            <span>挂号、问诊、购药,上妙手医生！</span>
            <br />
            <span>
              <Star /> 近期热门推荐
            </span>
            <br />
            <span>
              <RightOutline /> 名医直播义诊，医生与你面对面
            </span>
            <br />
            <span>
              <img src={jian} alt="" style={{ width: "20px" }} />
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/zhibo")}
              >
                点击进入！
              </span>
            </span>
            <br />
            <span>
              <Star /> 我们提供便捷的就医服务
              <img src={bottom} alt="" style={{ width: "15px" }} />{" "}
            </span>
            <br />
            <span>
              我要 <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/yuyue")}
              >
                预约挂号
              </span>
            </span>
            <br />
            <span>
              我要 <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/mjs")}
              >
                极速问诊
              </span>
            </span>
            <br />
            <span>
              我要 <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/expert")}
              >
                专家问诊
              </span>
            </span>
            <br />
            <span>
              <Star /> 您的专属服务
            </span>
            <br />
            <span>
              {" "}
              <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/mydoctor")}
              >
                我的医生
              </span>
            </span>
            <br />
            <span>
              {" "}
              <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/wenzhenjilu")}
              >
                我的问诊记录
              </span>
            </span>
            <br />
            <span>
              {" "}
              <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/yongyaojianyi")}
              >
                我的用药记录
              </span>
            </span>
            <br />
            <span>
              {" "}
              <img src={jian} alt="" style={{ width: "20px" }} />{" "}
              <span
                style={{ color: "#1890ff" }}
                onClick={() => navigate("/myyuyueguahao")}
              >
                我的挂号记录
              </span>
            </span>
            <br />
          </div>
        </div>
      </div>
    </div>
  );
};

export default Index;
